import React from 'react';
import {
  Image,
  View,
  Text,
  TouchableOpacity,
  ScrollView,
  Platform,
} from 'react-native';
import BaseUrl from '../../config/BaseUrl';
import styles from './style';

const OrderPrdList = (props) => {
  const {courseData} = props;
  return (
    <View style={styles.couse_detail}>
      <View style={styles.couse_cover_box}>
        <Image
          style={styles.couse_cover}
          source={{uri: BaseUrl.imgurl + courseData?.courseImage}}
        />
        <Image
          style={styles.video_icon}
          source={require('../../assets/images/video_stop.png')}
        />
      </View>
      <View style={styles.couse_detail_info}>
        <Text style={styles.couse_name} numberOfLines={1}>{courseData?.courseTitle}</Text>
        <Text style={styles.couse_teacher}>{courseData?.teacherNam}</Text>
        <Text style={styles.couse_time}>
          直播{courseData?.courseNum}课时 时长{courseData?.courseHours}
          分钟/次
        </Text>
        <Text style={styles.couse_money}>
          ￥{courseData?.coursePrice || courseData?.cmCoursePrice || 0}
        </Text>
        <Text numberOfLines={2} style={styles.couse_desc}>
          <Text style={styles.couse_desc_title}>简介文字：</Text>
          {courseData?.courseIntr}
        </Text>
      </View>
    </View>
  );
};

export default OrderPrdList;
